/* Base Rating Control styles */
.x-rating-field {
	
}

.x-rating-inner {
}

.x-rating-item {
	float: left;
}

.x-rating-clear {
	background-image: url('');
	background-position: center;
	background-repeat:no-repeat;
	width: 32px;
	height:32px;
	float: left;
}

.x-item-disabled .x-rating-clear,
.x-item-disabled .x-rating-item {
	opacity: 0.4;
}

/*  Star Rating */

.x-rating-star-hover {
	background-image: url('');
	background-position: center;
	background-repeat:no-repeat;
	width: 32px;
	height:32px;
}

.x-rating-star {
	background-image: url('');
	background-position: center;
	background-repeat:no-repeat;
	width: 32px;
	height:32px;
}

/* Multi-color Star Rating */

.x-rating-star-color div{
	display: block;
	float: left;
	text-indent: -9999px;
	background-image: url('');
	background-position: center;
	background-repeat:no-repeat;
	background-color: #686868;
	width: 32px;
	height:32px;
	margin-top:2px;
	margin-right: 2px;
}

/* Image-less Star Rating */
.x-imageless-rating .x-rating-inner > div
{
    width: 1.1em;
    font-size: 1.8em;
    margin-top: 2px;
    color: transparent; 
}    

.x-imageless-star:before
{    
    -webkit-background-clip: text;    
    content: "\2605";    
    background-image: -webkit-linear-gradient(top, #E9E9E9 0%,#BCBCBC 100%);    
    
}

.x-imageless-hover:before
{
    -webkit-background-clip: text;    
    content: "\2605"; 
    background-image: -webkit-linear-gradient(top, #ffc578 0%,#fb9d23 100%);        
    text-shadow: 0 0 .2em #fb9d23;
}   

/* Modal Rating */

.x-modal-rating {
	background: transparent !important;
	margin-top: -1em;
}

.rating-desc {
	color: #fff;
	margin-top: 2.7em;
}